/*
 * Style tweaks
 * --------------------------------------------------
 */



/*
 * Off Canvas
 * --------------------------------------------------
 */
 .row-offcanvas .visible-sm{ display:none!important;}
 .baars{ display:inline-block; margin-right:5px; vertical-align:middle; float: left; margin-top: -4px;}
.row-offcanvas .icon-bar{ display:block; width:23px; margin-bottom:4px; height:2px; background:#fff; border-radius:3px;}
.row-offcanvas .btn-primary,.row-offcanvas .btn-primary:active,.row-offcanvas .btn-primary.active{ padding:11px 7px 4px 7px; font-size:14px; font-weight:bold; line-height:6px; background:#DC300F!important ; border: #DC300F solid 0px!important; outline:none; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; margin-top: 0px;box-shadow: 0 0 0 0 rgba(0, 123, 255, .5)!important;}
.row-offcanvas .btn-primary.focus, .row-offcanvas .btn-primary:focus {

    box-shadow: 0 0 0 0 rgba(0, 123, 255, .5);

}
@media screen and (min-width : 766px) and (max-width : 768px) {
		html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
  .my_account_page .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out; display:inline-block; width:100%;
  }

  .my_account_page .row-offcanvas-right {
    right: 0;
  }

  .my_account_page .row-offcanvas-left {
    left: 15px;
  }

  .my_account_page .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .my_account_page .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .my_account_page .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .my_account_page .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .my_account_page .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 45%; /* 6 columns */ z-index:999999;
  }
  .my_account_page .row-offcanvas .visible-sm{ display:block!important;}
  .my_account_page .leftside{-webkit-box-shadow: 0 0 15px rgba(0,0,0,.49);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,.49);
	box-shadow: 0 0 15px rgba(0,0,0,.49);}
	}
@media screen and (max-width: 767px) {
	html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

.left_side{-webkit-box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.60);
-moz-box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.60);
box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.60); background: #fff; padding: 0px;}
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out; display:inline-block; width:100%;
          z-index: 1;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 15px;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -56%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */ z-index:999999;
  }
  .row-offcanvas .visible-sm{ display:block!important;}
  .leftside{-webkit-box-shadow: 0 0 15px rgba(0,0,0,.49);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,.49);
	box-shadow: 0 0 15px rgba(0,0,0,.49);}
}

@media screen and (max-width: 767px){
.row-offcanvas-left .sidebar-offcanvas{ left:-55%;}
.row-offcanvas-left.active .sidebar-offcanvas{ left:-50%;}
    .sidebar-offcanvas{}
.product_list_page .row-offcanvas-left .sidebar-offcanvas{left: -71%;}
    .row-offcanvas-left{left: 0px;}
    .row-offcanvas.active .btn-primary { margin-left: 10px;}
    
}
@media screen and (max-width: 667px){
    .row-offcanvas-left.active .sidebar-offcanvas{ left:-50%;}
}
@media screen and (max-width: 640px) {
/*	.row-offcanvas-left .sidebar-offcanvas{left:-73%!important;}
	.sidebar-offcanvas{ width:68%;}
	.row-offcanvas-left.active{left:69%;}*/
	
}
@media screen and (min-width : 320px) and (max-width : 480px) { 
    .row-offcanvas-left .sidebar-offcanvas{ margin-top: -8px;}
}
@media screen and (max-width: 570px) {
/*	.row-offcanvas-left .sidebar-offcanvas{left:-73%;}
    .row-offcanvas-left.active .sidebar-offcanvas{ left:-74%;}
	.sidebar-offcanvas{ width:66%;}
	.row-offcanvas-left.active{left:69%;}*/
	
}
@media screen and (max-width: 480px) { 
    
    .row-offcanvas-left .sidebar-offcanvas{left:-70%!important;}
    .row-offcanvas-left.active .sidebar-offcanvas{left:-60%!important;}
    .sidebar-offcanvas{ width:60%;}
    .row-offcanvas-left.active{left:60%;}
    .row-offcanvas .btn-primary,.row-offcanvas .btn-primary:active,.row-offcanvas .btn-primary.active{ margin-top: -8px;}

}
@media screen and (max-width: 414px) {
	.row-offcanvas-left .sidebar-offcanvas{left:-72%!important;}
    .row-offcanvas-left.active .sidebar-offcanvas{ left:-65%!important;}
	.sidebar-offcanvas{ width:65%;}
	.row-offcanvas-left.active{left:65%;}
	
}
@media screen and (max-width: 400px) {
	
}
@media screen and (max-width: 380px) {
 .row-offcanvas-left .sidebar-offcanvas{left:-74%!important;}
    .row-offcanvas-left.active .sidebar-offcanvas{ left:-62%!important;}
	.sidebar-offcanvas{ width:62%;}
	.row-offcanvas-left.active{left:62%;}  
}
@media screen and (max-width: 360px) {
	 .row-offcanvas-left .sidebar-offcanvas{left:-74%!important;}
    .row-offcanvas-left.active .sidebar-offcanvas{ left:-60%!important;}
	.sidebar-offcanvas{ width:60%;}
	.row-offcanvas-left.active{left:60%;}  
	
}
@media screen and (max-width: 330px) {
    .row-offcanvas-left{ left: 0px;}
	.row-offcanvas-left .sidebar-offcanvas{left:-90%!important;}
      .row-offcanvas-left.active .sidebar-offcanvas{ left:-63%!important;}
	.row-offcanvas-left.active{left:58%;}
	.my_account_page .row-offcanvas-left .sidebar-offcanvas { left: -84%;}
.sidebar-offcanvas{ width:64%;}
    .row-offcanvas.active .btn-primary { margin-left: 2px;}
	
}
@media screen and (max-width: 320px) {

}